﻿<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="/app/css/font-awesome.4.6.0.css">
<link rel="stylesheet" href="/app/css/swiper-3.2.5.min.css" />
<link rel="stylesheet" href="/app/css/ectouch.css" />

</head>
<body style="max-width:640px;font-size: 14px;">
<input type="hidden" name="openId" id="openId" value="${openId}">
<div class="con">
  <aside>
    <div class="menu-left scrollbar-none" id="sidebar">
      <ul>
        <li  class="active" value="0">计算

        </li>
          <hr  class="hr_style" />
        <li value="1">数据库

        </li>
          <hr  class="hr_style" />
        <li value="2" >云存储

        </li>
          <hr  class="hr_style" />
        <li value="3">网络

        </li>
          <hr  class="hr_style" />
        <li value="4">安全</li>
      </ul>
    </div>
  </aside>
  <section class="menu-right padding-all j-content">
    <ul>
      <li class="w-3">
          <a href="/getCount/${openId}/" >
            <img src="/app/image/index/group3.png" />
          </a>
          <span>云主机</span></li>
      <li class="w-3">
          <#--<a href="javascript:;" onClick="showPop('popfalse')">-->
          <a href="/getZhuan/${openId}/">
            <img src="/app/image/index/group4.png" />
          </a>
          <span>专属云</span></li>
      <li class="w-3">
          <a href="/getWuLiJ/${openId}/">
            <img src="/app/image/index/group1.png" />
          </a>
          <span>物理机</span></li>
    </ul>
    <div class="cart_list_onshow shut_show">
        <img class="img_style_noshow" src="/app/image/index/Group_CART_LIST_ONSHOW.png">
    </div>

    <div class="cart_list_show open_show" style="display:none">
        <div class="cart_list_bg">
        <img class="img_style_show"  src="/app/image/index/Group_CART_LIST_SHOW.png">
        </div>
        <a href="/getuserlist/${openId}/">
            <div class="cart_list">
                <img src="/app/image/index/Group_LIST.png" style="width: 20px; height: 32px;">
          </div>
        </a>
    </div>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
      <ul>
          <li class="w-3">
              <a href="/getDb/${openId}/">
              <#--<a href="javascript:;" onClick="showPop('popfalse')">-->
                  <img src="/app/image/index/group_db.png" />
              </a>
              <span>关系型数据库</span></li>
      </ul>
      <div class="cart_list_onshow shut_show">
          <img class="img_style_noshow" src="/app/image/index/Group_CART_LIST_ONSHOW.png">
      </div>
      <div class="cart_list_show open_show" style="display:none">
          <div class="cart_list_bg">
          <img class="img_style_show"  src="/app/image/index/Group_CART_LIST_SHOW.png">
              </div>
          <a href="/getuserlist/${openId}/">
              <div class="cart_list">
                  <img src="/app/image/index/Group_LIST.png" style="width: 20px; height: 32px;">
              </div>
          </a>
      </div>
  </section>

  <section class="menu-right padding-all j-content" style="display:none">
      <ul>
          <#--<li class="w-3">
              <a href="javascript:;" onClick="showPop('popfalse')">
                  <img src="/app/image/index/Group_save_1.png" />
              </a>
              <span>CDN</span></li>-->
          <li class="w-3">
          <a href="/getStore/${openId}/">
              <img src="/app/image/index/Group_save_2.png" />
          </a>
          <span>对象存储</span></li>
          <li class="w-3">
           <a href="/getYunBf/${openId}/">
              <img src="/app/image/index/Group_save_3.png" />
          </a>
          <span>云备份</span></li>
      </ul>
      <div class="cart_list_onshow shut_show">
          <img class="img_style_noshow" src="/app/image/index/Group_CART_LIST_ONSHOW.png">
      </div>
      <div class="cart_list_show open_show" style="display:none">
          <div class="cart_list_bg">
          <img class="img_style_show"  src="/app/image/index/Group_CART_LIST_SHOW.png">
          </div>
          <a href="/getuserlist/${openId}/">
              <div class="cart_list">
                  <img src="/app/image/index/Group_LIST.png" style="width: 20px; height: 32px;">
              </div>
          </a>
      </div>
  </section>

  <section class="menu-right padding-all j-content" style="display:none">
      <ul>
          <li class="w-3">
              <a href="/getYunZx/${openId}/">
                  <img src="/app/image/index/Group_net_1.png" />
              </a>
              <span>云专线</span></li>
      </ul>
      <div class="cart_list_onshow shut_show">
          <img class="img_style_noshow" class="img_style_noshow" src="/app/image/index/Group_CART_LIST_ONSHOW.png">
      </div>
      <div class="cart_list_show open_show" style="display:none">
          <div class="cart_list_bg">
          <img class="img_style_show"  src="/app/image/index/Group_CART_LIST_SHOW.png">
          </div>
          <a href="/getuserlist/${openId}/">
              <div class="cart_list">
                      <img src="/app/image/index/Group_LIST.png" style="width: 20px; height: 32px;">
              </div>
          </a>
      </div>
  </section>
  <section class="menu-right padding-all j-content" style="display:none">
      <ul>
          <li class="w-3">
              <a href="/getSvpn/${openId}/">
                  <img src="/app/image/index/Group_SLL_VPN.png" />
              </a>
              <span>SSL VPN</span></li>
          <li class="w-3">
              <a href="/getSecurity/${openId}/">
                  <img src="/app/image/index/Group_SSL.png" />
              </a>
              <span>服务器安全</span></li>
          <li class="w-3">
              <a href="/getScan/${openId}/">
                  <img src="/app/image/index/Group_LD.png" />
              </a>
              <span>漏洞扫描</span></li>
          <#--<li class="w-3">
              <a href="javascript:;" onClick="showPop('popfalse')">
                  <img src="/app/image/index/Group_TEST.png" />
              </a>
              <span>渗漏测试</span></li>-->
          <li class="w-3">
              <a href="/getYunBl/${openId}/">
                  <img src="/app/image/index/Group_YUN.png" href=""/>
              </a>
              <span>云堡垒机</span></li>
          <#--<li class="w-3">
              <a href="javascript:;" onClick="showPop('popfalse')">
                  <img src="/app/image/index/Group_NET_YUN.png" />
              </a>
              <span>云网关</span></li>-->
      </ul>
      <div class="cart_list_onshow shut_show">
          <img class="img_style_noshow" src="/app/image/index/Group_CART_LIST_ONSHOW.png">
      </div>
      <div class="cart_list_show open_show" style="display:none">
          <div class="cart_list_bg">
              <img class="img_style_show" src="/app/image/index/Group_CART_LIST_SHOW.png">
          </div>
          <a href="/getuserlist/${openId}/">
              <div class="cart_list">
                  <img src="/app/image/index/Group_LIST.png" style="width: 20px; height: 32px;">
              </div>
          </a>
      </div>
  </section>
</div>
<script src="/app/js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="/app/js/pop.js"></script>
<script type="text/javascript" src="/app/js/shopping_list.js"></script>
<!--弹窗-->
<div class=" h_alert" id="popfalse" style="display:none">
    <div class="h_svns">
        <div class="close" onClick="closePop('popfalse');">
            <img src="/app/image/index/close.png"></div>
        <div class="h_body">
            <div class="h_p2">
                <p >更多功能正在开发</p>
                <p>敬请期待......</p>
            </div>
            <div class="btn">
                <a href="javascript:;"  onClick="closePop('popfalse'); ">
                    <img src="/app/image/index/btn.png">
                </a>
            </div>
        </div>
    </div>
</div>

</div>
</body>
</html>